<template>
	<!-- 常购药店 -->
	<view class="pharm">
		<view class="pharm_con" v-for="(item, index) in pharmlist" :key="item.id">
			<view class="pharm_top">
				<view class="pharm_img"><image :src="item.icon" mode=""></image></view>
				<view class="">
					<view class="pharm_address">
						<text>{{ item.yfname }}</text>
						<text class="pharm_address_text">({{ item.address }})</text>
					</view>
					<view class="">
						<uni-icons type="heart-filled" size="16" color="#FF5F42"></uni-icons>
						<text style="color: #FF5F42; font-size: 16px;font-weight: 500;">{{ item.pingf }}</text>
						<text class="pharm_moushou">月售{{ item.moushuo }}+</text>
					</view>
					<view class="">
						<text class="bot_text">起送{{ item.qisong }}</text>
						<text class="bot_text">距您{{ item.juli }}m</text>
						<text class="bot_text">{{ item.time }}分钟</text>
					</view>
				</view>
			</view>
		</view>
	<view class="tips">
		没有更多了
	</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			pharmlist: [
				{
					id: 0,
					status: true,
					icon: '/static/uni.png',
					yfname: '国大药房',
					address: '张扬店',
					pingf: '4.9',
					moushuo: 500,
					qisong: 20,
					juli: 600,
					time: 40
				},
				{
					id: 1,
					status: false,
					icon: '/static/uni.png',
					yfname: '益丰大药房',
					address: '陆家嘴店',
					pingf: '4.9',
					moushuo: 500,
					qisong: 20,
					juli: 600,
					time: 40
				},
				{
					id: 1,
					status: false,
					icon: '/static/uni.png',
					yfname: '益丰大药房',
					address: '陆家嘴西店',
					pingf: '4.9',
					moushuo: 500,
					qisong: 20,
					juli: 600,
					time: 40
				},
				{
					id: 1,
					status: false,
					icon: '/static/uni.png',
					yfname: '华氏大药房',
					address: '张扬店',
					pingf: '4.9',
					moushuo: 500,
					qisong: 20,
					juli: 600,
					time: 40
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.pharm {
	padding: 15px;
	background-color: #fff7cc;
	height: 100vh;
	position: relative;
}
.pharm_con {
	background-color: #ffffff;
	margin-bottom: 12px;

	border-radius: 10px;
	.pharm_top {
		display: flex;
		padding: 15px 0px 15px 15px;
		.pharm_img {
			margin-right: 10px;
			image {
				width: 140rpx;
				height: 140rpx;
			}
		}
		.pharm_address {
			font-size: 32rpx;
			font-weight: 500;
			.pharm_address_text {
				margin-left: 10px;
				letter-spacing: 1.5px;
			}
		}
		.pharm_moushou {
			font-size: 8rpx;
			color: #666666;
			margin-left: 10px;
			opacity: 0.7;
		}
	}
}

</style>
